<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script src="/static/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<button onclick="ajaxGet()">ajax get</button>
<button onclick="ajaxPost()">ajax post</button>
<button onclick="ajax()">ajax</button>

<script>
    function ajaxGet() {
        //$.get(url, [data], [callback], [type])  后面三个是可选的可以没有
        $.get(
            '/ajax1',
            {'name': '张三'},
            function (jsonObj) { //{} [{},{}]
                console.log(jsonObj);
            },
            'json'
        );

    }

    function ajaxPost() {
        //$.get(url, [data], [callback], [type])  后面三个是可选的可以没有
        $.post(
            '/ajax1',
            {'name': '小吴'},
            function (jsonObj) { //{} [{},{}]
                console.log(jsonObj);
            },
            'json'
        );

    }


    function ajax() {
        $.ajax({
            async: false,//不写默认是true，发生异步请求
            url: '/ajax1',
            type: 'GET',
            data:  {'name': '张三22'},
            success: function (jsonObj) {
                console.log(jsonObj);
            },
            dataType: 'json'
        });
    }
</script>
</body>
</html>
